@charset "utf-8";
/* CSS Document */







/*顶部导航背景滚动颜色与阴影 */

#header.mini { background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
/*顶部导航背景默认色IPAD */

.lowB #header { background: #FFF; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #fff; background: #c9151e; }
#indexPage #mpartner .slider_control a:hover { background-color: #c9151e }
#pages a.active, #pages a:hover { background: #FFF; color: #838383; }
.bx-wrapper .bx-controls-direction a:hover { background-color: #4E4E4E; background-image:url(../images/jt1.png); background-position:center center; background-repeat:no-repeat }
#header ul li.navitem a { color: #ebebeb; padding: 4px 0 4px 0; background-color: transparent; border-radius: 3px; display: block; font-family: "NeoSansStd-Regular", "微软雅黑"; text-transform: uppercase; font-size: 14px; width: 100px; text-align: center;}
/*导航下拉菜单 */



#header ul li.navitem ul.subnav li a { padding: 5px 30px; width: 140px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 0px; }
#header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: #c9151e; color: #fff; }
#header ul li.navitem ul.subnav { border-top: 3px solid #7B7B7B; border-radius: 0px; width: 200px;}
#header ul li.navitem ul.subnav li { border-bottom: 1px solid #FFF; }
/*幻灯左右切换按钮 */

.bx-wrapper .bx-controls-direction a { background: rgba(0,0,0,.2); border-radius: 3px; }
/*副标题 */

.content .header p.subtitle { color: #787878; font-size: 12px; font-family:Arial, Helvetica, sans-serif; letter-spacing: 2px; }
/*首页案例背景颜色 */

#indexPage #mproject { background-color: #FFF; }
#category a { border-radius: 4px; padding: 6px 0px 5px; width: 130px; margin-right: 10px; transition: all 0.3s ease-out 0s; color: #999; border: 1px solid #EDEDED; }
#category a.active, #category a:hover { background: #e73828; color: #fff; border: 1px solid #e73828; }
.nobanner #header { background: #1E1E1E; }
/*案例*/



#projectlist .projectitem { margin-right: 1%; margin-bottom: 20px; width: 24%; }
#projectlist .projectitem .project_info p.title { color: transparent; padding: 0 0 0 20px; text-align: left; font-size: 18px; font-family: "NeoSansStd-Regular", "微软雅黑"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: 1; position: relative; }
#projectlist .projectitem .project_info p.subtitle { text-align: left; font-family: "NeoSansStd-Light", "微软雅黑"; z-index: 1; position: relative; }
#projectlist .projectitem a:hover .project_info p.title { color: #FFF; margin-top: -70px; }
#projectlist .wrapper { margin-left: 1%; margin-right: auto; }
.npagePage #projectlist .wrapper { width: 80%; margin: 0px auto; }
#projectlist .projectitem .project_info div { position: absolute; height: 100px; width: 100%; bottom: -100px; margin-top: 0; top: auto; }
#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 4px; color: #fff; }
#mproject .content .header { padding-top: 61px; padding-bottom: 80px; }
#projectlist .projectitem .project_info div.line1 { width: 100%; height: 0px; background:#2553b3; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0px 0px 100px; }
#projectlist .projectitem a:hover .project_info div.line1 { height: 90px; }
#projectlist, #projectmore { margin: 0px auto; }
#projectmore { width: 180px; line-height: 150px; text-align: center; font-size: 12px; display: block; background: #c9151e; text-indent: 0px; position: absolute; top: 143px; height: 24px; border-radius: 5px; line-height: 24px; left: 50%; margin-left: -94px; color: #fff; font-family:"Arial Black"; }
#projectmore:hover { width: 220px; height: 24px; font-size: 12px; line-height: 24px; text-indent: 0px; background: #333; margin-left: -116px;}
#mproject .content .header { padding-bottom: 112px;}
/*首页背景不平铺 
#indexPage .module {background-size:auto;}*/
/*首页背景不加透明蒙层 */
#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: rgba(255, 255, 255, 0); }
/*首页服务背景层 */

#contactform p textarea.inputtxt { height: 80px; }
#contactform p .inputtxt { border: none; margin-bottom: 10px; background: none; width: 0; height: 0; line-height: 0; padding: 0; color: transparent; }
#indexPage #mteam .description { margin: 0 100px; color: #848484; }
.content .header p.title { font-family: "微软雅黑"; letter-spacing: 1px; margin-left: 10px; }
#footer { background: #151214; }
#indexPage #mteam .slider_control a i:hover { color: #e73828; }
.teamitem a div.wrap span { background: #e73828; }
#contactinfo div a { background: #484848; }
#footer p { text-align: center; color: #595959;}
.teamitem a div.wrap { background: #171717; }
/*首页幻灯高度*/

#indexPage #mslider { height: 400px; }
bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 4px; margin: 0px 5px; border-radius: 6px; border: 1px solid #C8C8C8; }
/*首页全屏*/

#indexPage #mslider { height: 0 }
#header .content { padding-left: 40px; padding-right: 40px; }
#indexPage #mslider ul li p.title { text-transform: uppercase; font-size: 80px; line-height: 80px; height: 80px; }
#indexPage #mslider ul li p.subtitle { color: #8C8C8C; width: 600px; margin: 10px auto; }
#indexPage #mslider ul li div { background-image: url("http://kuaidi.mo1.line2.jsmo.xin/templates/upload/77/icon/dian1.png"); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0px; background-color: rgba(0,0,0,.6); }
#shares a#gotop { margin-top: 1px; background-color: rgba(0, 0, 0, 0.2); transition: all 0.3s ease-out 0s; }
#shares a#gotop:hover { background-color: rgba(0, 0, 0, 0.8); }
#shares a#sweibo { background-color: rgba(36, 24, 26, 0.5); transition: all 0.3s ease-out 0s; }
#shares a#sweibo:hover { background: #EA493C; }
#shares a#sweixin { background-color: rgba(36, 24, 26, 0.3); transition: all 0.3s ease-out 0s; }
#shares a#sweixin:hover { background: #24B727; }
.bx-wrapper .bx-pager.bx-default-pager a { width: 50px; height: 1px; }
#indexPage #mslider ul li p { color: #e73828; }
/*新导航*/

#header .content { padding-left: 0px; padding-right: 0px; }
#header ul#nav { float: right; border-left: 1px solid transparent; padding: 5px 50px 0px 0px; transition: all 0.3s ease-out 0s; }
#header.mini ul#nav { padding: 5px 50px 0px 0px; }
#header.mini { background: #045bab; padding-top: 0px; } 
#header ul li.navitem { padding: 17px 0.5px; height: auto; line-height: 16px; }
#header.mini ul li.navitem { padding: 17px 0.5px; }
#header { padding-top: 0px; border-bottom: 0px solid transparent; }
#header #logo { padding: 5px 80px 10px 20px; background: url(../images/logobj.png)no-repeat 0px 0px;}
#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; }
#header.mini #logo { padding: 5px 80px 10px 20px; background: url(../images/logobj.png)no-repeat 0px 0px;}

/*在线咨询*/

#olx_head { background: #1D1D1D; border-radius: 0px; color: #e73828; }
#online_lx { border-radius: 0px; }
#olx_qq li a:hover i { color: #e73828; }
#olx_qq li a:hover { padding: 18px 30px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: 1px solid transparent; background-color: transparent; }
.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid transparent; margin: 0px 0px; border-radius: 0px; background: transparent none repeat scroll 0% 0%; }
/*服务*/

#indexPage #mservice .fw { width: auto; }
#indexPage #mservice .slider_control { width: 0px; height: auto; }
#indexPage #mservice .slider_wrapper { width: 100%; height: auto; }
#indexPage #mservice .slider_wrapper .slider { width: 100%; margin-left: 1%; }
.serviceitem a { display: block; height: 120px; margin: 20px auto 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.serviceitem:hover { background-color: #444444; padding: 0 0; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3); border-radius: 20px; }
.serviceitem { height: 300px; margin-right: 1%; width: 32%; margin-top: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: transparent; border-radius: 20px; }
.serviceitem div p.description { color: #999999; height: 50px; overflow: hidden; width: 70%; margin-top: 10px; padding: 0 15%; transition: all 0.2s ease-out 0s;font-size: 12px; }
.serviceitem div p.title { font-size: 16px; width: 70%; padding: 0 15%; color: #eeefef; font-family: "NeoSansStd-Regular", "微软雅黑"; }
#indexPage #mservice .content .header p.title { color: transparent; font-size: 0px; }
#indexPage #mservice .content .header p.subtitle { color: transparent; font-size: 0px; line-height: 0px; }
#indexPage #mservice .content .header { padding-top: 0px; padding-bottom: 0px; }
#indexPage #mservice { background-color: #333333; height: 340px}
.serviceitem:hover .title { color: #c8a063; }
.serviceitem:hover div p.description { color: #999999; ; }
/*首页关于我们*/

#indexPage #mpage .slider_wrapper li .fimg { height: 1150px; }
/*首页联系*/

#indexPage #mcontact .content { width: 1180px; }
#contactinfo { padding: 80px 0 0 136px;}
#contactform.fr { padding: 0px 454px 0 0; background-repeat: no-repeat; height: 588px; }
#indexPage #mcontact { height:1200px; background-color: #333333;background-image: url("../images/contact.jpg"); }
#mcontact .content .header { padding-top: 60px; padding-bottom:500px; }
#contactform p .inputsub { background-color: transparent; margin-top: 0; padding: 0; color: transparent; font-size: 0; }
#contactform .inputtxt.active { border-color: #424242 }
#contactinfo h3 { color: #c9151e; font-size:26px; font-family:"微软雅黑", Times, serif; font-weight:bold }
/*首页新闻*/

#indexPage #mnews { height: 1200px; }
#newslist .newstitem:hover { background: #333333; }
#newslist .newstitem { background-color: #eeefef; height: 140px; }
#mnews .content .header { padding-bottom: 120px; }
#newslist .newscontent { padding-top: 32px; }
#newslist .newsbody .description { margin-top: 16px; width: 510px; font-size: 12px; }
#newslist .newsinfo .md { color: #B1B1B1; }
#indexPage a.more { width: 180px; border-color: #ddaf4b; text-align: center; font-size: 12px; background: #c9151e; position: absolute; top: 92px; height: 24px; border-radius: 5px; line-height: 24px; left: 50%; margin-left: -94px; color: #FFF; font-family:Arial, Helvetica, sans-serif; text-indent: 0px; }
#indexPage a.more:hover { border-color: #333; text-indent: 0px; background: #333; width: 220px; margin-left: -116px; }
/*首页团队*/

#indexPage #mteam { background-color: #fff; height: 656px; }
#mteam .content .header { padding-top: 100px; padding-bottom: 50px; }
/*服务内页*/



#servicelist .serviceitem { height: 360px; margin-right: 1%; width: 32%; margin-top: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #f8f8f8; margin-bottom: 0px; }
#servicelist .serviceitem:hover { background-color: #fff; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); }
#servicelist .serviceitem:hover .title { color: #151515; }
#servicelist .serviceitem div p.description { color: #7B7B7B; }
#servicelist .serviceitem div p.title { color: #6C6C6C; }
#servicelist { width: 100%; }
#servicelist .wrap { width: 100%; margin-left: 1%; }
/*项目详情*/

#projectinfo { width: 340px; float: right; padding: 0px 50px; margin-left: 0px; }
#projectwrap.fw { width: 100%; }
#projectimages li img { display: block; float: none; margin: 0px auto; max-width: 100%; }
#projectbody { max-width: 100%; margin: 0px auto; width: calc(100% - 490px); float: right; padding: 0 50px 0 0; }
#projectimages li img { display: block; float: none; max-width: 100%; margin: 0px auto; }
#projectimages li { margin-bottom: 0px; }
#projectinfo .description a { background: #2D2D2D; border-radius: 3px; padding: 6px 40px;}
#projectinfo .description a:hover { background: #e73828; color: #fff; }
#sitecontent .npagePage .content #plheader.header p.title { color: transparent; font-size: 0; }
#sitecontent .npagePage .content #plheader.header p.subtitle { color: transparent; font-size: 0; }
#plheader { padding-bottom: 20px; padding-top: 0px; }
.teamitem .teaminfo { text-align: left; }
#indexPage #mslider ul li { background-color: #000; }
.npagePage #projectlist .projectitem { margin-bottom: 100px; }
.npagePage #projectlist .projectitem .project_info p.title { color: #717171; padding: 10px 0px 0px 20px; }
.npagePage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #8C8C8C; font-size: 12px; }
#indexPage a.more:hover i { color: transparent; text-indent: -10px; }
/*首页团队*/

#mteam .fw { margin: 0px auto; width: 100%; }
#indexPage #mteam .header img { float: left; margin: -100px 100px 0 0; border-radius: 0px; width: 68%; height: auto; }
#indexPage #mteam .header p.title {margin: 6% 3% auto; color: #F8F8F8; }
#indexPage #mteam .header p.subtitle {margin-right: 100px;}
.module-slider .description { width: auto; height: auto; font-size: 12px; }
#indexPage #mteam .slider_wrapper { width: auto; height: auto; }
#indexPage #mteam .slider_control { height: 40px; position: absolute; z-index: 9; right: -4px; width: 100px; margin: 290px 0; }
.content .header { padding-top: 61px; padding-bottom: 114px; }
#indexPage #mteam .slider_control a i { color: #fff; background-color: rgba(38, 24, 24, 0.5); padding: 16px 20px; border-radius: 5px; }
#indexPage #mteam .slider_control.prev { left: -4px; }
#indexPage #mteam .slider_control.right { right: -4px }


.npagePage .content .header p.title {color: transparent;font-size: 0;}
.npagePage .content .header p.subtitle {color: transparent;font-size: 0;}
.npagePage .content .header {padding-top: 61px;padding-bottom: 0px;}

#newsPage #newslist .newstitem {background-color: #fff;}
#newsPage #newslist .newstitem:hover {background: #291b20;}
#projectih .header p.title {color: #444;font-size: 26px; margin-left: 0px; letter-spacing: 0px;}
#projectih .header p.subtitle {color: #787878;font-size: 12px;}
#indexPage a.more i {font-size:0;}

#indexPage #category {display: none;}
.bx-next{ background-image:url(../images/jt1.png); background-position:center center; background-repeat:no-repeat}
.bx-prev{ background-image:url(../images/jt2.png); background-position:center center; background-repeat:no-repeat}

.bx-wrapper .bx-controls-direction a.bx-prev{ background-image:url(../images/jt2.png); background-position:center center; background-repeat:no-repeat}
.bx-wrapper .bx-controls-direction a.bx-next{ background-image:url(../images/jt1.png); background-position:center center; background-repeat:no-repeat}



/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ width: 100%; text-align: left; }
.home-news .top{ position: relative; padding-right:500px; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-news .home-tit{ text-align: left; }
.home-news .home-tit p{ max-width: 100%;}
.home-news .tab{ position: absolute; top:15px; right:0;}
.home-news .tab span{ cursor: pointer; display: inline-block; padding:0 30px; height: 32px; line-height:30px;  border-radius:16px; border:1px solid #FFFFFF; color: #999999;}
.home-news .tab span.active{ color: #ba1c22; border: 1px solid #ba1c22;}
.home-news .js-tab-box{  opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%);}
.home-news .js-tab-con{ display: none;}
.home-news .js-tab-con.active{ display:block;}
.home-news .content{ margin:55px 0;}
.home-news .left{ float:left; width: 40%; border-radius:10px; overflow: hidden;}
.home-news .left a{ display: block;}
.home-news .left .img{ width: 100%; overflow: hidden;}
.home-news .left .img img{ width: 100%;}
.home-news .left .text{ padding: 30px 50px; color: #fffcee; background: #ba1c22;}
.home-news .left .date{ float: left;}
.home-news .left .date span{ display: block; font-size: 40px;}
.home-news .left .date p{ font-size: 12px;}
.home-news .left .date i{ margin-top: 20px; display: block; width: 48px; height: 48px; background: url(../images/home_news_ico.png);}
.home-news .left .tit{ margin-left: 80px;}
.home-news .left .tit span{ display:block; padding-bottom: 30px; border-bottom:1px solid #FFFFFF; font-size: 18px;}
.home-news .left .tit p{ margin-top: 25px; line-height: 30px; height: 60px; overflow: hidden;}
.home-news .left a:hover .img img{ transform:scale(1.1); -webkit-transform: scale(1.1);}
.home-news .right{ float: right; width: 52.5%;}
.home-news .right-box { border-radius: 10px;}
.home-news .right-box a{ display: block; padding: 40px 130px 40px 45px; position: relative;}
.home-news .right-box .date{ position: absolute; top:40px; right:30px;}
.home-news .right-box .date span{ display: block; font-size: 40px;}
.home-news .right-box .date p{ font-size: 12px; color: #999999;}
.home-news .right-box .date i{ margin-top: 25px; display: block; width: 48px; height: 48px; background: url(../images/home_news_ico.png);}
.home-news .right-box .tit{ padding-bottom:25px; display: block;  border-bottom:1px solid #d5ab88; color: #ff7f5b; font-size: 18px;}
.home-news .right-box .des{ margin-top:30px; line-height: 30px; height: 60px; overflow: hidden; color: #999999;}
.home-news .right ul{ margin-top: 5px;}
.home-news .right li{ line-height: 50px; height: 50px; border-bottom:1px solid #eeeeee; background:url(../images/dongtai_13.png) left center no-repeat; padding-left:20px;}
.home-news .right li a{ display: block; position: relative; padding-right: 100px; font-size: 14px; color: #333333;} 
.home-news .right li span{ position: absolute; top:0; right:0; font-size: 12px; color: #999999;}
.home-news .right li a:hover{ color: #ba1c22;}
.home-news .button-bubble{ margin:0 auto;}

.home-news.animation .top{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}
.home-news.animation .js-tab-box{ opacity:1; transform: translateY(0%); -webkit-transform: translateY(0%);}

.home-news .xz-list{ padding: 55px 0; }
.home-news .xz-list li{ float: left; width:22%; margin-right:4% }
.home-news .xz-list li:nth-child(4n){ margin-right: 0 }
.home-news .xz-list li a{ display: block;  font-size: 14px; color: #333333; line-height: 50px; height: 50px; border-bottom:1px solid #eeeeee;}


@media (max-width:1480px) {
	.home-news .right-box a{ padding: 35px 130px 35px 45px; }
	.home-news .right-box .date{ top:35px;}
	.home-news .right-box .tit{ padding-bottom:20px;}
	.home-news .right-box .des{ margin-top:20px; }
	.home-news .right li{ line-height: 62px; height: 62px;}


	.home-news .xz-list{ padding: 35px 0; }
	.home-news .xz-list li a{ line-height:48px; height:48px;}
}

@media (max-height:840px) {
	.home-news .content{ margin:30px 0;}
	.home-news .left .text{ padding: 20px 30px;}
	.home-news .left .date { margin-top: -8px;}
	.home-news .left .date span{ font-size:30px;}
	.home-news .left .date i{ margin-top: 15px;}
	.home-news .left .tit span{padding-bottom:15px;}
	.home-news .left .tit p{ margin-top: 15px; line-height: 26px; height: 54px;}
	
	.home-news .right-box a{ padding: 35px 130px 35px 45px; }
	.home-news .right-box .date{ top:35px;}
	.home-news .right-box .tit{ padding-bottom:22px;}
	.home-news .right-box .des{ margin-top:22px; }
	.home-news .right li{ line-height:58px; height: 58px;}

	.home-news .xz-list{ padding: 35px 0; }
	.home-news .xz-list li a{ line-height:48px; height:48px;}
}

@media (max-width:1480px) and (max-height:840px) {
 
	
	.home-news .content{ margin:30px 0;}
	.home-news .left .text{ padding: 20px 30px;}
	.home-news .left .date { margin-top: -8px;}
	.home-news .left .date span{ font-size:30px;}
	.home-news .left .date i{ margin-top: 15px;}
	.home-news .left .tit span{padding-bottom:15px;}
	.home-news .left .tit p{ margin-top: 15px; line-height: 26px; height: 54px;}
	
	.home-news .right-box a{ padding: 30px 130px 30px 45px; }
	.home-news .right-box .date{ top:35px;}
	.home-news .right-box .tit{ padding-bottom:15px;}
	.home-news .right-box .des{ margin-top:15px; }
	.home-news .right li{ line-height:54px; height: 54px;}
	
	.home-news .xz-list{ padding: 35px 0; }
	.home-news .xz-list li a{ line-height:44px; height:44px;}
}
@media (max-width:1440px)and (max-height:680px){
	.home-news .home-tit span{ margin-top: 0;}
	.home-news .content{ margin:15px 0;}
	.home-news .left{ width: 37%;}
	.home-news .right{ width: 56%;}
	.home-news .right-box a{ padding: 23px 130px 23px 45px;}
	.home-news .right-box .date{ top:23px;}
	.home-news .right-box .date i{ margin-top: 5px;}
}



/**/
.ixBox{
	clear:both;
	overflow:hidden;
	padding:0 55px;
	}
.ixBoxC{
	clear:both;
	overflow:hidden;
	}
/*第一栏*/
.h_560{min-height:400px;}
.h_560Dl{margin:0 -8px;}
.h_560Dl dd{
	width:25%;
	overflow:hidden;
	}
.h_560Dl.list2 dd{
	display:inline;
	float:left;
	}
.h_560Dl.list2.egList{margin:0 -13px;}
.h_560Dl.list2.egList dd{width:33.33%;}
.h_560Dl dd .ddBox{
	display:block;
	overflow:hidden;
	margin:0 8px 15px 8px;
	}
.h_560Dl.egList dd .ddBox{margin:0 13px 30px 13px;}
.h_560Dl dd .ddBox .ddC{
	width:100%;
	padding-top:62.5%;
	overflow:hidden;
	position:relative;
	}
.h_560Dl.list3 dd .ddBox .ddC{padding-top:68.18%;}
.h_560Dl.drtaList{margin:0 -9px}
.h_560Dl.drtaList dd .ddBox{margin:0 9px 20px 9px;}
.h_560Dl dd .ddBox .ddC img{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	transform:scale(1);
	-webkit-transform:scale(1)
	}
.h_560Dl dd .ddBox:hover .ddC img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.h_560Dl dd .ddBox .ddC .ddDiv{
	width:100%;
	height:600px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-300px;
	z-index:99;
	background:rgba(0,0,0,0.6) url(../images/icon9.png) no-repeat center 240px;
	text-align:center;
	opacity:0;
	transition:all 0.3s ease-in 0.15s;
	-webkit-transition:all 0.3s ease-in 0.15s;
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
	}
.h_560Dl dd .ddBox:hover .ddC .ddDiv{
	opacity:1;
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	}
.h_560Dl dd .ddBox .ddC .ddDiv span{
	display:block;
	height:48px;
	line-height:48px;
	text-align:center;
	color:#fff;
	font-size:24px;
	margin-top:260px;
	}
.h_560Dl dd .ddBox .ddC .ddDiv em{
	display:block;
	height:41px;
	line-height:41px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	}
.h_560Dl dd .ddBox .ddC .ddDiv i{
	display:inline-block;
	height:21px;
	line-height:21px;
	padding-left:25px;
	font-size:14px;
	color:#fff;
	background:url(../images/icon10.png) no-repeat left center;
	}
.h_560Dl dd .ddBox .ddC .ddDiv2{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.5) url(../images/hot.png) no-repeat right top;
	text-align:center;
	opacity:0;
	transition:all 0.3s ease-in 0.15s;
	-webkit-transition:all 0.3s ease-in 0.15s;
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
	}
.h_560Dl dd .ddBox:hover .ddC .ddDiv2{
	opacity:1;
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	}
.h_560Dl dd .ddBox .ddC .ddDiv2 div{
	width:100%;
	height:30px;
	margin-top:-15px;
	position:absolute;
	top:50%;
	left:0;
	}
.h_560Dl dd .ddBox .ddC .ddDiv2 div span{
	display:inline-block;
	height:30px;
	padding-left:25px;
	background:url(../images/icon12.png) no-repeat left center;
	line-height:30px;
	color:#fff;
	font-size:14px;
	}